<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="templatemo_style.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="stylesheet/styles.css" />

        <script language="javascript" type="text/javascript">
            function clearText(field)
            {
                if (field.defaultValue == field.value) field.value = '';
                else if (field.value == '') field.value = field.defaultValue;
            }
        </script>
        <script language="javascript" type="text/javascript" src="scripts/mootools-1.2.1-core.js"></script>
        <script language="javascript" type="text/javascript" src="scripts/mootools-1.2-more.js"></script>
        <script language="javascript" type="text/javascript" src="scripts/slideitmoo-1.1.js"></script>
        <script language="javascript" type="text/javascript">
            window.addEvents({
                'domready': function(){
                    /* thumbnails example , div containers */
                    new SlideItMoo({
                        overallContainer: 'SlideItMoo_outer',
                        elementScrolled: 'SlideItMoo_inner',
                        thumbsContainer: 'SlideItMoo_items',		
                        itemsVisible: 5,
                        elemsSlide: 3,
                        duration: 200,
                        itemsSelector: '.SlideItMoo_element',
                        itemWidth: 140,
                        showControls:1});
                }
		
            });
        </script>
        <title>Facelets Template</title>
    </h:head>

    <h:body>



        <div id="templatemo_wrapper">
            <div id="templatemo_menu">
                <ul>
                    <li><a href="#" class="current"><span>.01</span>Home</a></li>
                    <li><a href="http://www.templatemo.com/page/1" target="_parent"><span>.02</span>Photo</a></li>
                    <li><a href="http://www.flashmo.com/page/1" target="_parent"><span>.03</span>Album</a></li>
                    <li><a href="#"><span>.04</span>FAQ</a></li>
                    <li><a href="#"><span>.05</span>Contact</a></li>
                </ul>    
            </div> <!-- end of templatemo_menu -->

            <div id="templatemo_header_bar">

                <div id="header"><div class="right"></div>

                    <h1><a href="#">
                            <img src="images/logo.gif" alt="Site Title" />
                            <span>photo share online</span>
                        </a></h1>
                </div>

                <div id="search_box">
                    <form action="#" method="get">
                        <input type="text" value="Enter keyword here..." name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
                        <input type="submit" name="Search" value="" alt="Search" id="searchbutton" title="Search" />
                    </form>
                </div>

            </div> <!-- end of templatemo_header_bar -->

            <div class="cleaner"></div>

          

            <div id="templatmeo_content1">

                <div class="content_section">

                    <ui:insert name="content"></ui:insert>

                </div>
            </div> <!-- end of templatmeo_content -->


        </div> <!-- end of templatemo_wrapper -->

        <div id="templatemo_footer_wrapper">

            <div id="templatemo_footer">

                <ul class="footer_menu">
                    <li><a href="#">Home</a></li>
                    <li><a href="http://www.templatemo.com/page/1" target="_parent">Photo</a></li>
                    <li><a href="http://www.flashmo.com/page/1" target="_parent">Album</a></li>

                    <li><a href="#">FAQ</a></li>
                    <li class="last_menu"><a href="#">Contact</a></li>
                </ul>

                Copyright © 2012 <a href="#">GROUP3-c0910G</a> | 
                Designed by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a> | 
                Validate <a href="http://validator.w3.org/check?uri=referer">XHTML</a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>

            </div> <!-- end of footer -->

        </div> <!-- end of footer_wrapper -->
    </h:body>

</html>
